// import js from '@eslint/js'
// import globals from 'globals'
// import tseslint from 'typescript-eslint'
// import pluginVue from 'eslint-plugin-vue'
// import { defineConfig } from 'eslint/config'

// export default defineConfig([
//   { files: ['**/*.{js,mjs,cjs,ts,mts,cts,vue}'], plugins: { js }, extends: ['js/recommended'] },
//   { files: ['**/*.{js,mjs,cjs,ts,mts,cts,vue}'], languageOptions: { globals: globals.browser } },
//   tseslint.configs.recommended,
//   pluginVue.configs['flat/essential'],
//   { files: ['**/*.vue'], languageOptions: { parserOptions: { parser: tseslint.parser } } },
// ])

module.exports = {
  // 使 eslint 支持 node 与 ES6
  env: {
    browser: true,
    es2021: true,
    node: true,
  },
  // 引入推荐的语法校验规则
  extends: [
    "eslint:recommended",
    "plugin:vue/vue3-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:prettier/recommended", // 冲突使用prettier
  ],
  overrides: [],
  /*
   这里一定要配置对 先使用vue-eslint-parser 再使用@typescript-eslint/parser
   先解析 <template> 标签中的内容 然后再解析 vue <script> 标签中的 TS 代码
   */
  // 选择使用的解析器
  parser: "vue-eslint-parser",
  // 解析器的详细配置
  parserOptions: {
    // 使用最新版 ES 语法
    ecmaVersion: "latest",
    // 使用 ESLint TS 解析器
    parser: "@typescript-eslint/parser",
    // 使用 ES 模块化规范
    sourceType: "module",
  },
  // 使用的插件
  plugins: ["vue", "@typescript-eslint"],
  // 自定义规则
  rules: {},
};
